<!DOCTYPE html>
<html lang="zxx">

	<head>
		<title>Home</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<script>
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- Custom Theme files -->
		<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
		<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
		<!-- font-awesome icons -->
		<link href="css/fontawesome-all.min.css" rel="stylesheet">
		<!-- //Custom Theme files -->
		<!-- online-fonts -->
		<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
		<!-- //online-fonts -->
	</head>

	<body>
		<div class="sidenav text-center">
			<div class="side_top">
				<img src="images/about.jpg" alt="news image" class="img-fluid navimg">
				<h1 class="top_hd mt-2"><a href="index.html">李子浩</a></h1>
				<p class="top_hdp mt-2">性别：男</p>
			</div>
			<!-- header -->
			<header>
				<div class="nav-top">
					<nav class="mnu mx-auto">
						<label for="drop" class="toggle">Menu</label>
						<input type="checkbox" id="drop">
						<ul class="menu">
							<li class="active">
								<a href="#home" class="scroll">家庭住址</a>
							</li>
							<li class="mt-sm-3">
								<a href="#about" class="scroll">关于个人</a>
							</li>
							
							<li class="mt-sm-3">
								<a href="#news" class="scroll">个人项目</a>
							</li>
							<li class="mt-sm-3">
								<a href="#contact" class="scroll">联系我</a>
							</li>
						</ul>
					</nav>
				</div>
			</header>
			<!-- //header -->
		</div>
		<div class="main">
			<div class="banner-text-w3ls" id="home">
				<div class="container">
					<div class="mx-auto text-center">
						<h3>河北省邯郸市
				</h3>
						<p class="banp mx-auto mt-3">只有你想不到的，没有我做不到的</p>
						<a class="btn btn-primary mt-lg-5 mt-3 agile-link-bnr" href="#about" role="button">开始个人简介</a>
					</div>
				</div>
			</div>
			<!-- about -->
			<section class="slide-wrapper" id="about">
				<h2 class="w3_head mb-4">关于个人 </h2>
				<h4 class="main_hd"> 学校：泊头职业学院<br>专业：web前端工程师</h4>
				<p class="iner mt-md-5">我没有太好的运气，只有奋不顾身的奋斗。为自己加油！！！ </p>
			</section>
			<!-- //about -->
			
			<!-- services -->
			
			<div class="news" id="news">
				<h3 class="w3_head mb-4 text-left"> 个人项目</h3>
				<p class="iner mt-md-5 text-left">
				<div class="row news-grids-left mt-5">
					<div class="col-lg-5 news_top">
						<a href="http://hglh.gitee.io/kugou11/"><img src="images/Title.png" alt="news image" class="img-fluid"></a>
					</div>
					<div class="col-lg-7 news_top1">
						<h5>酷狗音乐</h5>
						<p class="mt-3">酷狗音乐播放器是国内一款面世较早的音乐播放器。酷狗音乐播放器曲库丰富、用户众多，这是酷狗音乐的主要优势。并且酷狗音乐播放器非常富有特色的启动音效“hello，酷狗”也给很多人留下了深刻的印象，所以很多用户想要音乐播放软件，首先想到的是酷狗音乐。在版权问题严重的情况下，酷狗音乐正是由于丰富的积累，依旧获取了非常多的歌曲版权，让用户能够尽情享受音乐</p>
					</div>
				</div>
				<div class="row news-grids-middle">
					<div class="col-lg-5 news_top">
						<a href="http://hglh.gitee.io/hengwang_website/"><img src="images/hw.png" alt="news image" class="img-fluid"></a>
					</div>
					<div class="col-lg-7 news_top1">
						<h5>恒旺科技</h5>
						<p class="mt-3">宜州市桂恒旺科技有限责任公司于2015年12月17日在宜州市工商行政管理局登记成立。</p>
					</div>
				</div>
				<div class="row news-grids-right">
					<div class="col-lg-5 news_top">
						<a href="http://hglh.gitee.io/manways_web_page/"><img src="images/mw.png" alt="news image" class="img-fluid"></a>
					</div>
					<div class="col-lg-7 news_top1">
						<h5>漫威网页</h5>
						<p class="mt-3">美国漫威漫画公司(Marvel Comics)是与DC漫画公司(Detective Comics)齐名的漫画巨头，它创建于1939年，于1961年正式定名为Marvel，旧译为"惊奇漫画"</p>
					</div>
				</div>

			</div>
			<!-- //news -->
			<!-- contact -->
			<section class="wedo" id="contact">
				<h3 class="w3_head mb-4 text-left"> 联系我</h3>
				<p class="iner mt-md-5 text-left">公司只要有了我一定不会是贵公司的损失，而要是不要我就一定是贵公司的损失。 </p>
				<div class="contact_grid_right mt-5 mx-auto text-left">
					<form action="#" method="post">
						<div class="row contact_top">
							<div class="col-sm-6">
								<input type="text" value="姓名：李子浩"></input>
							</div>
							<div class="col-sm-6">
								<input type="email"value="家庭住址：河北邯郸">
							</div>
						</div>
						<input type="text" value="联系电话：17831967989">
						
						
						<div class="clearfix"></div>
					</form>
				</div>
				<div class="cpy-right text-center">
					<p>李子浩的个人主页
						
					</p>
				</div>
			</section>
			<!-- //contact -->
		</div>

	</body>

</html>